﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<!-- validi dokumentti niin DOCTYPE alussa -->
<html>
<head></head>
<body>
<h1>Kauppalista</h1>
<p>Harjoitus: Tee seuraavanlainen kauppalista!</p>

	<style type = "text/css"> 
		OL.upperRoman { list-style-type: upper-roman}
		OL.arabicNum { list-style-type: arabic numbers}	
		OL.square { list-style-type: square} 
		OL.lowerRoman {list-style-type: lower-roman} 
		OL.circle {list-style-type: circle} 
		OL.upperAlpha {list-style-type: upper-alpha} 
	</style>
	
	<!--- kommentti --->
	
<ul>
	<li> margariini
		<ol class ="upperRoman">
				<li> Keiju
				<li> Voimariini
				<li> Kevytlevi
		</ol>
	<li> olut
		<ol class = "arabicNum">
			<li> Lapin Kulta
				<ol class = "upperAlpha">
					<li> Lapin Kulta III
					<li> Lapin Kulta IV
					<li> Legenda III
				</ol>
			<li> Koff
				<ol class = "square">
					<li> Koff I
					<li> Koff III
					<li> Koff IV
					<li> Koff IV B
				</ol>
		</ol>
	<li> hedelmiä
		<ol class = "lowerRoman">
			<li> Banaani
			<li> Mandariini
			<li> Kurpitsa
		</ol>
</ul>
<ul type="arabicNum">
	<li> HTML
	<li> XML
		<ol class = "circle">
		<li> XHTML
		<li> SMIL
		<li> WML
		</ol>
	<li> EcmaScript
		<ol class = "circle">
		<li> JavaScript
		<li> JScript
		</ol>
</ul>
</body>
</html>